<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/takenumSuccess.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/takenumSuccess.js"></script>

    <title>取号成功</title>
</head>

<body>
    <div class="takenumSuccess_3Q">
        <!-- 取号信息 -->
        <div class="takenum_message">
            <img class="takenum_mess-img" src="images/takenum_success.png" />
            <div class="takenum_mess-title">取号成功</div>
            <div class="takenum_mess-text">请安排好时间及时到店，等待叫号</div>
        </div>

        <!-- 评分模块 -->
        <div class="grade">
            <div class="store_grade">
                <div class="grade_top">A26</div>
                <div class="grade_bottom">排队号码</div>
            </div>
            <div class="grade_center"></div>
            <div class="takepartin_grade">
                <div class="grade_top">2
                    <!-- <span>人</span> -->
                </div>
                <div class="grade_bottom">当前等待人数</div>
            </div>
        </div>

        <!-- 温馨提示 -->
        <div class="warm_prompt">
            <div class="prompt_title">温馨提醒</div>
            <div class="prompt_content">
                <img src="images/experience.png" />
                <text>剪发券在结算时使用</text>
            </div>
            <div class="prompt_content">
                <img src="images/experience.png" />
                <text>门店提供免费充电服务，提供WIFI上网</text>
            </div>
            <div class="prompt_content">
                <img src="images/experience.png" />
                <text>为了不影响您在本店的排队信誉，如您不能到店请及时取消排号或
                        选择重新排号</text>
            </div>
        </div>

        <!-- 查看订单 -->
        <button class="view_order" id="vieworder">查看订单</button>

        <!-- 底部tab栏 -->
        <div class="footer_tab">
            <div class="f_nav">
                <div class="tab_active"></div>
                <img src="images/index/index.png" alt="">
                <text>首页</text>
            </div>
            <div class="f_nav">
                <div></div>
                <img src="images/index/dingdan.png" alt="">
                <text>订单</text>
            </div>
            <div class="f_nav">
                <div></div>
                <img src="images/index/wode.png" alt="">
                <text>我的</text>
            </div>
        </div>
    </div>
</body>

</html>